@import './el-cascader.less';
/*列表上方操作按钮区域*/
.ant-card-body .table-operator {
  margin-bottom: 8px;
}

/** Button按钮间距 */
.table-operator .ant-btn {
  margin: 0 8px 8px 0;
}

.table-operator .ant-btn-group .ant-btn {
  margin: 0;
}

.table-operator .ant-btn-group .ant-btn:last-child {
  margin: 0 8px 8px 0;
}

/*列表td的padding设置 可以控制列表大小*/
.ant-table-tbody .ant-table-row td {
  padding-top: 15px;
  padding-bottom: 15px;
}

/*列表页面弹出modal*/
.ant-modal-cust-warp {
  height: 100%;
}

/*弹出modal Y轴滚动条*/
.ant-modal-cust-warp .ant-modal-body {
  height: calc(100% - 110px) !important;
  overflow-y: auto;
}

/*弹出modal 先有content后有body 故滚动条控制在body上*/
.ant-modal-cust-warp .ant-modal-content {
  height: 90% !important;
  overflow-y: hidden;
}

/*列表中有图片的加这个样式 参考用户管理*/
.anty-img-wrap {
  height: 25px;
  position: relative;
}

.anty-img-wrap > img {
  max-height: 100%;
}

/*列表中范围查询样式*/
.query-group-cust {
  width: calc(50% - 10px);
}

.query-group-split-cust:before {
  content: '~';
  width: 20px;
  display: inline-block;
  text-align: center;
}

/*erp风格子表外框padding设置*/
.ant-card-wider-padding.cust-erp-sub-tab > .ant-card-body {
  padding: 5px 12px;
}

/* 内嵌子表背景颜色 */
.j-inner-table-wrapper /deep/ .ant-table-expanded-row .ant-table-wrapper .ant-table-tbody .ant-table-row {
  background-color: #ffffff;
}

/**隐藏样式-modal确定按钮 */
.jee-hidden {
  display: none;
}

// ================= 自定义原子类 =================

.f1 {
  flex: 1;
}

.f2 {
  flex: 2;
}

.flex {
  display: flex;
}

.column {
  flex-direction: column;
}

.align-center {
  align-items: center;
}

.justify-center {
  justify-content: center;
}

.justify-around {
  justify-content: space-around;
}

.justify-between {
  justify-content: space-between;
}

.justify-end {
  justify-content: flex-end;
}

.align-start {
  align-items: flex-start;
}

.align-end {
  align-items: flex-end;
}

.align-self-stat {
  align-self: flex-start;
}

.cursor {
  cursor: pointer;
}

.text-overflow {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  /* white-space: normal;
  word-wrap: break-word;
  word-break: break-all; */
}

.text-break {
  white-space: normal;
  word-wrap: break-word;
  word-break: break-all;
}

.app-container {
  width: 100%;
  height: 100%;
  padding: 0.2rem 0.2rem 0.16rem 0.2rem;
  font-family: PingFang SC-Medium, PingFang SC;
}

.add-btn {
  position: absolute;
  top: 0.16rem;
  right: 0.2rem;
  width: 1rem;
  height: 0.4rem;
  background: #1388ff;
  border-radius: 4px;
  font-size: 0.16rem;
  font-weight: bold;
  color: #0b3f73;
  line-height: 0.4rem;
  text-align: center;
}

.xing::before {
  content: '*';
  color: rgb(207, 11, 11);
}

// 自定义搜索区域公共样式
.search-group {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 20px;
  background: var(--theme-container-bg);

  .input-wrap {
    display: flex;
    align-items: center;
    margin: 5px;

    // 左侧文字
    .label {
      font-size: 0.14rem;
      font-family: Microsoft YaHei;
      font-weight: bold;
      color: var(--theme-tab-text-color);
      min-width: 70px;
      margin-right: 5px;
      text-align: right;
    }

    // input输入框
    .input-item {
      width: 2rem;
      margin-right: 10px;

      .ant-input {
        height: 40px;
        font-size: 0.14rem;
        background: var(--theme-input-bg);
        border-radius: 0.04rem;
        border: 1px solid var(--theme-input-border);
        color: var(--theme-input-color);
        &::placeholder {
          color: var(--theme-placeholder-color);
        }
      }
      .ant-input-clear-icon {
        background: #02425d;
        color: #2eaee2;
      }

      .ant-input-prefix {
        color: #0f5eb3;
      }

      .ant-select {
        width: 100%;
      }
      // select 样式
      .ant-select-selection {
        height: 40px;
        font-size: 0.14rem;
        background: var(--theme-input-bg);
        border-radius: 4px;
        border: 1px solid var(--theme-input-border);
        color: var(--theme-modal-label-value-color);

        .ant-select-selection__rendered {
          border-right: solid 1px var(--theme-input-border);
          margin-right: 30px;
          line-height: 40px;
          color: var(--theme-modal-label-value-color);
        }

        .ant-select-arrow-icon {
          color: #1388ff;
        }

        .ant-select-selection__clear {
          background: #02425d;
          color: #2eaee2;
        }

        .ant-select-selection__placeholder {
          font-size: 0.14rem;
          font-family: PingFang SC;
          font-weight: 400;
          color: #6ea7ff;
        }

        .ant-select-selection-selected-value {
          color: var(--theme-input-color);
        }
      }
    }

    .time-item {
      width: 500px;

      .ant-calendar-picker-input {
        height: 40px;
      }
    }
  }

  // 右侧 按钮组
  .btn-group {
    flex: 1;
    text-align: right;
  }
}

// 多个页面 弹窗布局

.detailModal {
  font-family: PingFang SC-Bold, PingFang SC;

  .common-title {
    display: flex;
    align-items: center;
    .icon {
      width: 6px;
      height: 6px;
      background: #1388ff;
      border-radius: 50%;
      margin-right: 5px;
    }
    .content {
      font-size: 16px;
      font-weight: bold;
      color: #1388ff;
    }
  }

  .content-wrapper {
    margin: 20px 0;
    border-top: 1px solid var(--theme-input-border);
    border-left: 1px solid var(--theme-input-border);

    .common-lable {
      width: 160px;
      background: var(--theme-modal-label-bg);
      border-right: 1px solid var(--theme-input-border);
      font-size: 14px;
      font-weight: 500;
      color: var(--theme-tab-text-color);
    }

    .common-value {
      flex: 1;
      background: var(--theme-container-bg);
      padding-left: 16px;
      border-right: 1px solid var(--theme-input-border);

      border-left: 0;

      font-size: 14px;
      font-weight: 500;
      color: var(--theme-modal-label-value-color);
      width: 250px;
    }

    .click-color {
      color: #47e829;
    }

    // 普通行
    .info-wrap {
      display: flex;
      align-items: stretch;
      border-bottom: 1px solid var(--theme-input-border);

      #minImg {
        width: 50px;
        height: 30px;
      }
      .label {
        padding: 14px 20px 11px 20px;
        text-align: center;
        display: flex;
        align-items: center;
      }
      .value {
        padding: 14px 20px 11px 20px;
        height: 100%;
      }
    }

    // 法律依据
    .text-con {
      position: relative;

      .textLabel {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        width: 160px;
        height: 100%;
        min-height: 46px;
        font-size: 14px;
        font-weight: 500;
        color: #1388ff;
        background: rgba(17, 99, 184, 0.4);
        border-bottom: 1px solid #0b5196;
      }

      .textValue {
        flex: 1;
        margin-left: 160px;
        padding: 10px 0;
        padding-left: 16px;
        color: var(--theme-modal-label-value-color);
        font-size: 14px;
        font-weight: 500;
        background: var(--theme-content-item-bg);
        border-bottom: 1px solid #08447e;
        line-height: 23px;
      }
    }

    // 签名行
    .sign-wrap {
      display: flex;
      align-items: center;
      .label {
        height: 92px;
        line-height: 92px;
        text-align: center;
      }
      .value {
        height: 92px;
        line-height: 92px;
        padding: 0;
        img {
          width: 100%;
          height: 100%;
        }
      }
    }

    // 民警签到图
    .police-wrap {
      display: flex;
      align-items: center;
      .label {
        height: 230px;
        line-height: 230px;
        text-align: center;
      }
      .value {
        height: 230px;
        line-height: 230px;
        padding: 0;
        img {
          width: 100%;
          height: 100%;
        }
      }
    }

    // 图片证据
    .proof-wrap {
      display: flex;
      align-items: center;

      .label {
        height: 155px;
        line-height: 155px;
        text-align: center;
      }

      .value {
        height: 155px;
        line-height: 155px;
        padding: 0 12px;

        img {
          width: 174px;
          height: 130px;
        }

        img:nth-of-type(2) {
          margin: 0 12px;
        }
      }
    }

    // 带图片的行
    /*  .img-wrap {
      display: flex;
      .label {
        height: 182px;
        line-height: 182px;
        text-align: center;
      }
      .value {
        height: 182px;
        line-height: 182px;
        img {
          width: 124px;
          height: 148px;
        }
      }
    }
    .title-wrap {
      height: 46px;
      line-height: 46px;
      text-align: center;
      border-bottom: 1px solid #08447e;
      background: rgba(17, 99, 184, 0.4);

      font-size: 0.14rem;
      font-weight: 500;
      color: #1388ff;
    }
    */

    .context {
      padding: 16px 14px;
      font-size: 0.14rem;

      .classification {
        font-weight: 500;
        color: #1163b8;
      }

      .project {
        font-weight: 400;
        color: var(--theme-modal-label-value-color);
        margin-top: 15px;
      }

      .legal-bvasis {
        background: #093f75;
        padding: 0 26px;

        .title {
          height: 40px;
          margin-top: 18px;
          border-bottom: 1px solid var(--theme-input-border);

          .left {
            font-size: 0.12rem;
            font-weight: 500;
            color: #509eee;
            .icon {
              width: 8px;
              height: 8px;
              margin-right: 5px;
              background: #509eee;
            }
          }

          .right {
            font-size: 0.14rem;
            font-weight: 500;
            color: #1388ff;
          }

          .expanded {
            img {
              transform: rotateX(180deg);
            }
          }
        }
      }

      .legal-bvasis-context {
        padding: 14px;
        span {
          font-size: 0.14rem;
          font-weight: 500;
          color: #1388ff;
        }
      }

      .evidence-context {
        padding: 16px 0;
        .img-wrap {
          img {
            width: 254px;
            height: 120px;
            object-fit: none; // contain
            &:nth-child(2) {
              margin: 0 20px;
            }
          }
        }
        p {
          margin-top: 16px;
          width: 743px;
          font-size: 0.12rem;
          font-weight: 400;
          color: #509eee;
        }
      }
    }
  }
}

// pdf页面样式  start
.common-titlepdf {
  display: flex;
  align-items: center;

  .icon {
    width: 6px;
    height: 6px;
    background: #000000;
    border-radius: 50%;
    margin-right: 5px;
  }

  .content {
    font-size: 16px;
    font-weight: bold;
    color: #000000;
  }
}

.inspectPdf {
  position: relative;
  padding-top: 10px;
  background: #fff;

  .page {
    width: 1122px;
  }

  @media screen {
    .pdf-btn {
      position: fixed;
      bottom: 130px;
      right: 30px;
      width: 60px;
      height: 60px;
      line-height: 60px;
      text-align: center;
      background: #1388ff;
      box-shadow: 0 0 10px #1388ff;
      border-radius: 50%;
      color: #fff;
      cursor: pointer;
    }

    .back-btn {
      position: fixed;
      bottom: 60px;
      right: 30px;
      width: 60px;
      height: 60px;
      line-height: 60px;
      text-align: center;
      background: #1388ff;
      box-shadow: 0 0 10px #1388ff;
      border-radius: 50%;
      color: #fff;
      cursor: pointer;
    }

    .printDiv {
      display: none;
    }
  }

  @media print {
    .pdf-btn,
    .back-btn {
      display: none;
    }

    @page {
      size: 297mm 210mm portrait;
      margin: -18px;
      margin-top: 10px;
      margin-bottom: 20px;
      height: auto;
      // margin-right: 10px;
    }

    .printDiv {
      display: block;
    }

    .detailHeight {
      min-height: 1445px;
    }
  }

  .pdf-btn {
    position: fixed;
    bottom: 130px;
    right: 30px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background: #1388ff;
    box-shadow: 0 0 10px #1388ff;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
  }

  .back-btn {
    position: fixed;
    bottom: 60px;
    right: 30px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background: #1388ff;
    box-shadow: 0 0 10px #1388ff;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
  }

  .matterList {
    .right-title {
      padding-right: 50px;
      padding-bottom: 5px;
      opacity: 0.4;
      color: #545454;
      font-weight: bold;
      font-size: 20rpx;
      text-align: right;
      border-bottom: 1px solid #dcdcdc;
    }

    .recordTable {
      color: #000000;
      .nameTitle {
        padding-top: 30px;
        text-align: center;
        font-size: 40px;
        font-weight: bold;
      }

      .details-table {
        margin-top: 20px;
        padding: 0 25px;
      }
    }
  }
}

// pdf的table
.stepTable {
  margin: 0 20px;
  padding: 20px;

  .noDate-p {
    padding: 0;
    text-align: center;
  }

  .actualUnitDetails {
    width: 100%;
    height: 100%;

    .tl_title {
      height: 30px;
      font-size: 16px;
      font-family: PingFang SC;
      font-weight: bold;
      line-height: 30px;
      color: #c1fe56;
    }

    .companyinfo {
      table {
        width: 100%;

        td {
          padding: 10px 16px;
          border: 1px solid #dddddd;
          font-size: 16px;
          font-family: Dubai;
          font-weight: 400;
          color: #9b9b9b;
        }

        .td_title {
          padding: 0 16px;
          width: 160px;
          height: 46px;
          background: #f5f5f5;
          font-size: 14px;
          font-family: PingFang SC;
          font-weight: 500;
          color: #9b9b9b;
          text-align: left;
          border: 1px solid #dddddd;

          .requiredStart {
            color: red;
          }
        }

        .redWrite {
          color: #d25555;
        }

        .signImage {
          width: 305px;
          height: 200px;
        }

        .dutyImage {
          width: 305px;
          height: 84px;
        }

        .title-center {
          text-align: center;
        }

        .padNone {
          height: 46px;
          min-width: 335px;
          padding: 0 0 0 10px;
          padding: 0 0 0 10px;
          background: #fff;
          font-size: 14px;
          color: #000000;

          .proofImg {
            width: 174px;
            height: 130px;
          }

          img:nth-of-type(2) {
            margin: 0 12px;
          }

          .ant-input {
            border: none;
            outline: none;
          }

          .ant-input:focus {
            border: none;
            outline: none !important;
            box-shadow: none;
          }

          .ant-input:hover {
            border: none;
            outline: none !important;
            box-shadow: none;
          }

          /deep/.ant-calendar-picker-input.ant-input {
            border: none;
            outline: none;
          }

          /deep/.ant-calendar-picker-input.ant-input:hover {
            border: none;
            outline: none !important;
            box-shadow: none;
          }

          .textarea {
            resize: none;
            height: 270px;

            .ant-input {
              max-height: 200px;
              min-height: 200px;
            }
          }
        }
      }
    }
  }
}

// pdf页面样式  end

// 弹框样式
.alter {
  margin: 0.14rem 0.2rem;
  padding-left: 14px;
  height: 40px;
  min-height: 40px;
  background: #104c8a;
  border-radius: 0.04rem;
  border: 1px solid var(--theme-input-border);

  span {
    font-size: 0.14rem;
    font-weight: 500;
    margin-left: 10px;
    &:nth-child(2) {
      color: #1163b8;
    }
    &:nth-child(3) {
      color: var(--theme-modal-label-value-color);
    }
    &:nth-child(4) {
      color: #1388ff;
      cursor: pointer;
    }
  }
}

// 文字超出一行...
.line-hidden {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.clusterBubble {
  border-radius: 50%;
  color: #fff;
  font-weight: 500;
  text-align: center;
  opacity: 0.88;
  background-image: linear-gradient(139deg, #4294ff 0%, #295bff 100%);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 0px;
  left: 0px;
}

// 所属行业 --级联选择器
.tradeCascader {
  .el-input__inner {
    color: #fff;
    border: 1px solid var(--theme-input-border) !important;
    background: var(--theme-input-bg);

    &::placeholder {
      color: #6ea7ff;
    }
  }

  .el-input__suffix {
    color: #1163b8;
  }
}

.ant-empty-small {
  color: #fff;
}

.ant-select-dropdown {
  ::-webkit-scrollbar-thumb {
    background: #1388ff; /* 滚动条颜色 */
    border-radius: 10px; /* 滚动条圆角 */
  }
  ::-webkit-scrollbar-thumb:hover {
    background: #1388ff; /* 滚动条悬停颜色 */
  }
}
